<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${basePath}common/css/myuser.css" type="text/css" media="screen" />
<script src="${basePath}common/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="${basePath}common/highcharts/js/highcharts.src.js"></script>
<script src="${basePath}common/highcharts/js/modules/exporting.src.js"></script>
<title>${title}</title>
<meta name="keywords" content="${keywords}">
<meta name="description" content="${description}">
<meta name="author" content="${author}"/>



</head>
<body>

<div id="Screen">
<!-- 头部-->
<#include 'header.ftl'>

<div id="Message">
<samp class="date">2013-01-03 </samp> 访问网页 <samp style="font-size: 12pt;color: red;font-weight: bolder;">1777 </samp> 个        

</div>




<div id="Chart">


<script type="text/javascript">
$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                backgroundColor :'#40BC53',
                type: 'column'
            },
            title: {
                text: '网站访问量统计'
            },
            subtitle: {
                text: '访问网址Top'
            },
             xAxis: {
                categories: [
									<#assign i=0>
									<#list list as item>
									'${item_index + 1}',
									</#list>

                ]
            },
   
            yAxis: {
                min: 0,
                title: {
                    text: '访问次数'
                }
            },
            legend: {
                layout: 'vertical',
                backgroundColor: '#FFFFFF',
                align: 'left',
                verticalAlign: 'top',
                x: 100,
                y: 70,
                floating: true,
                shadow: true
            },
            tooltip: {
                formatter: function() {
                    return ''+
                    '<b>'+ this.point.name +' 被访问</b> : '+ this.y +' 次';
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
                series: [{
                name: '被访问网址',
                data: [<#list list as item>
                    ['${item.url}',   ${item.count}],
                    </#list>]
    
            }]
        });
    });
    
});
		</script>


                
                 
    


<div id="container" style="min-width: 320px; height: 320px; margin: 0 auto"></div>

</div>



<div id="List">
<table width='90%'  >
<thead>
<tr>

<th>访问网址URL</th>
<th>访问网址标题</th>
<th>搜索次数</th>



</tr>
</thead>
<tbody>
<#list list as item>
<tr onmouseover="this.style.background='#5cc26f'" onmouseout="this.style.background='#ffffff'" >

<td><a href="${item.url}" target="_blank">${item.url}</a></td>
<td>${item.title}</td>
<td><a href="${basePath}visit/show?url=${item.getSafeUrl()}">${item.count}</a></td>


</tr>
</#list>



</tbody>
</table>


</div>




<#include 'footer.ftl'>

</div>

</body>
</html>